<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" type="text/css" media="screen" href="skyline.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/react-with-addons.js"></script>
    <script src="../../build/cortex.js"></script>
  </head>
  <body>
    <div id="city"></div>
    <div id="description">
      <h2>About the demo</h2>
      <h3>
        This is a demo for <a href="https://github.com/mquan/cortex">Cortex</a>, a javascript library for centrally managing data in React.
      </h3>
      <p>
        This app allows you to draw the city skyline. The City can have many Buildings. Each Building has many Floors. Each Floor has many Rooms, and each Room can have its light turned on or off. Click "Add Building" to create more buildings. Click on a building's base (with the plus sign) to add more floors, click on a floor to add more room, and click on the room to toggle its light. This demonstrates Cortex's power in a 4-level components architecture without using callbacks to communicate between parents and children. Check out the source <a href="https://github.com/mquan/cortex/tree/master/examples/skyline">here</a>
      </p>
    </div>

    <script type="text/javascript" src="application.js"></script>
  </body>
</html>
